<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
        <title>病例管理系统</title>
        <link type="text/css" href="../css/jquery-ui-1.8.2.custom.css" rel="stylesheet" />    
        <script language="javascript" type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
        <script language="javascript" type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js"></script>
        <script language="javascript" type="text/javascript">
            $(function(){

                // Accordion
                $("#accordion").accordion({ header: "h3" });
    
                // Tabs
                $('#tabs').tabs();
    

                // Dialog           
                $('#dialog').dialog({
                    autoOpen: false,
                    width: 600,
                    buttons: {
                        "Ok": function() { 
                            $(this).dialog("close"); 
                        }, 
                        "Cancel": function() { 
                            $(this).dialog("close"); 
                        } 
                    }
                });
                
                // Dialog Link
                $('#dialog_link').click(function(){
                    $('#dialog').dialog('open');
                    return false;
                });

                // Datepicker
                $('#datepicker').datepicker({
                    inline: true
                });
                
                // Slider
                $('#slider').slider({
                    range: true,
                    values: [17, 67]
                });
                
                // Progressbar
                $("#progressbar").progressbar({
                    value: 20 
                });
                
                //hover states on the static widgets
                $('#dialog_link, ul#icons li').hover(
                    function() { $(this).addClass('ui-state-hover'); }, 
                    function() { $(this).removeClass('ui-state-hover'); }
                );
                
            });
        </script>
        <style type="text/css">
            /*demo page css*/
            body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
            .demoHeaders { margin-top: 2em; }
            #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
            #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
            ul#icons {margin: 0; padding: 0;}
            ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
            ul#icons span.ui-icon {float: left; margin: 0 4px;}
        </style>    
    </head>
  
  <body>
  <!--  
      <div id="tabs">
            <ul>
                <li><a href="#tabs_patient">基本信息</a></li>
                <li><a href="#tabs-fir_visit">初诊信息</a></li>

            </ul>
            <div id="tabs_patient">
                <s:textfield key="name" name="patient.name" />
                <s:textfield key="gender" name="patient.gender"/>
                <s:textfield key="age" name="patient.age" />
                <s:textfield key="idNum" name="patient.idNum" />
                <s:textfield key="addr" name="patient.addr" />
            </div>
            <div id="tabs-fir_visit">
                <s:textfield key="firVisitDate" name="firVisit.firVisitDate" />
                <s:textfield key="complaint" name="firVisit.complaint"/>
                <s:textfield key="presentIllness" name="firVisit.presentIllness" />
                <s:textfield key="historyIllness" name="firVisit.historyIllness" />
                <s:textfield key="obsterical" name="firVisit.obsterical" />
            </div>

        </div>   
        -->
        <s:form action="addFirst.action" method="post"> 
                <s:textfield key="name" name="patient.name" />
                <s:textfield key="gender" name="patient.gender"/>
                <s:textfield key="age" name="patient.age" />
                <s:textfield key="idNum" name="patient.idNum" />
                <s:textfield key="addr" name="patient.addr" />
                
                <s:textfield key="firVisitDate" name="firVisit.firVisitDate" />
                <s:textfield key="complaint" name="firVisit.complaint"/>
                <s:textfield key="presentIllness" name="firVisit.presentIllness" />
                <s:textfield key="historyIllness" name="firVisit.historyIllness" />
                <s:textfield key="obsterical" name="patient.firVisit.obsterical" />
        <s:submit key="submit" />
        </s:form>
  </body>
</html>
